<!--注册步骤一-->
<template>
    <f7-page login-screen no-toolbar>
        <f7-navbar title="手机号快速注册" back-link="Back"></f7-navbar>
        <f7-list form>
            <f7-list-input style="padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));"
                           label="手机号"
                           name="username"
                           placeholder="请输入手机号码"
                           type="text"
            />
            <f7-list-item>
                <f7-list-input
                        label="验证码"
                        name="username"
                        placeholder="请输入验证码"
                        type="text"
                />
                <f7-button style="width: 50%" round text="获取 60s"></f7-button>
            </f7-list-item>
        </f7-list>
        <f7-block>
            <f7-link popup-open="#registerRule" style="padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));" href="/login/registerOne/" target="_blank">继续表示您同意《用户注册协议》</f7-link>
        </f7-block>
        <f7-list style="width: 84%;text-align:center;">
            <f7-button href="/login/registerTwo/" fill round text="下一步"></f7-button>
        </f7-list>


        <!--注册条款-->
        <f7-popup id="registerRule">
            <f7-page>
                <f7-navbar title="注册条款">
                    <f7-nav-right>
                        <f7-link popup-close>关闭</f7-link>
                    </f7-nav-right>
                </f7-navbar>
                <f7-block>
                    <p>Here comes popup. You can put here anything, even independent view with its own navigation. Also not, that by default popup looks a bit different on iPhone/iPod and iPad, on iPhone it is fullscreen.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
                    <p>Duis ut mauris sollicitudin, venenatis nisi sed, luctus ligula...</p>
                </f7-block>
            </f7-page>
        </f7-popup>

    </f7-page>
</template>

<script>
    // import thirdLogin from '../../components/thirdLogin.vue';
    // import footerTabbar from '../../components/footerTabbar.vue';
    import routes from '../../routes.js'

    export default {
        // components: {footerTabbar,thirdLogin},
        data() {
            return {
                // Framework7 parameters here
                f7params: {
                    // App routes
                    routes: routes,
                },
            }
        }
    }
</script>

<style scoped>

</style>
